﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Grid.aspx.cs" Inherits="WebUI.EasyUI.Grid" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Basic DataGrid</title>
    <link href="jquery-easyui-1.3.1/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="jquery-easyui-1.3.1/themes/icon.css" rel="stylesheet" type="text/css" />
    <script src="jquery-easyui-1.3.1/jquery-1.8.0.min.js" type="text/javascript"></script>
    <script src="jquery-easyui-1.3.1/jquery.easyui.min.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <table id="tb">            
            </table>
        </div>
        <script type="text/javascript">
            $('#tb').datagrid({
                title: 'Basic DataGrid',
                iconCls: 'icon-tip',
                loadMsg: '从远程服务器获取数据中...',
                url: 'JsonData.aspx',
                columns: [[{ field: 'code', title: 'Code', width: 100 },
                            { field: 'name', title: 'Name', width: 100 },
                            { field: 'price', title: 'Price', width: 100, align: 'right' }
                        ]]
            });
        </script>
        <%--                <div>
            <table class="easyui-datagrid">
                <thead>
                    <tr>
                        <th data-options="field:'code'">Code</th>
                        <th data-options="field:'name'">Name</th>
                        <th data-options="field:'price'">Price</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>001</td><td>Name1</td><td>2323</td>
                    </tr>
                    <tr>
                        <td>002</td><td>name2</td><td>4612</td>
                    </tr>
                </tbody>
            </table>
        </div>--%>
    </form>
</body>
</html>
